<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="My Play Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- bootstrap -->
    <link href="../resources/css/myContainer.css" rel='stylesheet' type='text/css' media="all"/>
    <!-- //bootstrap -->
    <link href="../resources/css/dashboard.css" rel="stylesheet">
    <!-- Custom Theme files -->
    <!-- 自定义 -->
    <link href="../resources/app/css/main.css" rel="stylesheet">
    <!-- //自定义 -->
    <link href="../resources/css/style.css" rel='stylesheet' type='text/css' media="all" />
    <link href="../resources/css/upload.css" rel='stylesheet' type='text/css' media="all"/>
    <script src="../resources/js/jquery-1.11.1.min.js"></script>
    <!--start-smoth-scrolling-->
    <!-- fonts -->
    <%--<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>--%>
    <%--<link href='http://fonts.useso.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>--%>
    <!-- //fonts -->

</head>
<body>
    <input type="hidden" id="myAccount" name=""/>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><h1><img src="../resources/images/logo.png" alt="" /></h1></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <div class="top-search">
                    <form class="navbar-form navbar-right">
                        <input type="text" class="form-control" placeholder="Search..." id="search_value">
                        <input type="submit" value=" " id="search_submit">
                    </form>
                </div>
                <div class="header-top-right">
                    <div class="file">
                        <a href="/vss/video/upload" id="video_upload">Upload</a>
                    </div>
                    <div class="signin" id="ddd">
                        <a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a>
                        <!-- pop-up-box -->
                        <script type="text/javascript" src="../resources/js/modernizr.custom.min.js"></script>
                        <link href="../resources/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
                        <script src="../resources/js/jquery.magnific-popup.js" type="text/javascript"></script>
                        <!--//pop-up-box -->
                        <div id="small-dialog2" class="mfp-hide">
                            <h3>创建账户</h3>
                            <div class="social-sits">
                                <div class="facebook-button">
                                    <a href="#"> 微信注册</a>
                                </div>
                                <div class="chrome-button">
                                    <a href="#">QQ注册</a>
                                </div>

                                <div class="button-bottom">
                                    <p>已有账户? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">直接登录</a></p>
                                </div>
                            </div>
                            <div class="signup">
                                <form >
                                    <input type="text" class="email" placeholder="账号名" maxlength="10" title="Enter a valid mobile number" name="account"/>
                                </form>
                                <div class="continue-button">
                                    <a href="#small-dialog3" class="hvr-shutter-out-horizontal play-icon popup-with-zoom-anim">继续</a>
                                </div>
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div id="small-dialog3" class="mfp-hide">
                            <h3>创建账号</h3>
                            <div class="social-sits">
                                <div class="facebook-button">
                                    <a href="#">微信注册</a>
                                </div>
                                <div class="chrome-button">
                                    <a href="#">QQ注册</a>
                                </div>
                                <div class="button-bottom">
                                    <p>已有账号? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">直接登录</a></p>
                                </div>
                            </div>
                            <div class="signup">
                                <form id ="addForm">
                                    <input type="text" class="email" placeholder="账号名" maxlength="10" title="Enter a valid mobile number" name="account"/>

                                    <%--<input type="text" class="name" placeholder="姓名" maxlength="10" title="Enter your name" name="name" />--%>
                                    <input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email" name="email"/>
                                    <input type="password" placeholder="密码" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name ="password"/>
                                    <input type="password" placeholder="确认密码" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name="checkPassword"/>
                                    <input type="text" class="email" placeholder="电话" maxlength="10" pattern="[1-9]{1}\d{9}" title="Enter a valid mobile number" name="phone"/>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="optionsRadios" id="sex" value="male" checked> 男
                                        </label>
                                        <label>
                                            <input type="radio" name="optionsRadios" id="sex1" value="female"> 女
                                        </label>
                                    </div>
                                    <%--<input class= type="submit"  value="注册"/>--%>
                                    <button class="btn btn-primary 	zhuce" type="submit" id="t">注册</button>

                                </form>
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div id="small-dialog7" class="mfp-hide">
                            <h3>Create Account</h3>
                            <div class="social-sits">
                                <div class="facebook-button">
                                    <a href="#">Connect with Facebook</a>
                                </div>
                                <div class="chrome-button">
                                    <a href="#">Connect with Google</a>
                                </div>
                                <div class="button-bottom">
                                    <p>Already have an account? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">Login</a></p>
                                </div>
                            </div>
                            <div class="signup">
                                <form action="upload.html">
                                    <input type="text" class="email" placeholder="Email" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email"/>
                                    <input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" />
                                    <input type="submit"  value="Sign In"/>
                                </form>
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div id="small-dialog4" class="mfp-hide">
                            <h3>Feedback</h3>
                            <div class="feedback-grids">
                                <div class="feedback-grid">
                                    <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                                </div>
                                <div class="button-bottom">
                                    <p><a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign in</a> to get started.</p>
                                </div>
                            </div>
                        </div>
                        <div id="small-dialog5" class="mfp-hide">
                            <h3>Help</h3>
                            <div class="help-grid">
                                <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                            </div>
                            <div class="help-grids">
                                <div class="help-button-bottom">
                                    <p><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Feedback</a></p>
                                </div>
                                <div class="help-button-bottom">
                                    <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Lorem ipsum dolor sit amet</a></p>
                                </div>
                                <div class="help-button-bottom">
                                    <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Nunc vitae rutrum enim</a></p>
                                </div>
                                <div class="help-button-bottom">
                                    <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris at volutpat leo</a></p>
                                </div>
                                <div class="help-button-bottom">
                                    <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris vehicula rutrum velit</a></p>
                                </div>
                                <div class="help-button-bottom">
                                    <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Aliquam eget ante non orci fac</a></p>
                                </div>
                            </div>
                        </div>
                        <div id="small-dialog6" class="mfp-hide">
                            <div class="video-information-text">
                                <h4>Video information & settings</h4>
                                <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                                <ol>
                                    <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                    <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                    <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                    <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                    <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                </ol>
                            </div>
                        </div>
                        <script>
                            $(document).ready(function() {
                                $('.popup-with-zoom-anim').magnificPopup({
                                    type: 'inline',
                                    fixedContentPos: false,
                                    fixedBgPos: true,
                                    overflowY: 'auto',
                                    closeBtnInside: true,
                                    preloader: false,
                                    midClick: true,
                                    removalDelay: 300,
                                    mainClass: 'my-mfp-zoom-in'
                                });

                            });
                        </script>
                    </div>
                    <div class="signin" id="dd" >
                        <div id="d" name="test">
                            <a href="#small-dialog" class="play-icon popup-with-zoom-anim" id="login">登录</a>
                        </div>


                        <div id="small-dialog" class="mfp-hide">
                            <h3>登录</h3>
                            <div class="social-sits">statusemail
                                <div class="facebook-button">
                                    <a href="#">微信登录</a>
                                </div>
                                <div class="chrome-button">
                                    <a href="#">QQ登录</a>
                                </div>
                                <div class="button-bottom">
                                    <p>没有账户? <a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a></p>
                                </div>
                            </div>
                            <div class="signup">
                                <form id="signUpForm" >
                                    <input type="text" class="email" placeholder="账号名" required="required" name="account" />
                                    <input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name="password"/>
                                    <button class="btn btn-primary 	signUpBtn" type="submit"  value="登录">登陆</button>
                                </form>
                                <div class="forgot">
                                    <a href="#">忘记密码?</a>
                                </div>
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                    </div>
                    <div class="file" id="dddd" >
                        <a href="#small-dialog8" style="display:none;background: white;" id="im" class="play-icon popup-with-zoom-anim myInformation" >
                            <img id="current_user_url1" src="../resources/images/a.png" height="50" width="50" style="margin-top: -15px">
                        </a>
                        <div id="small-dialog8" class="mfp-hide">
                            <h3>我的资料</h3>
                            <div class="social-sits">
                                <div class="facebook-button">
                                    <a href="#">我的邮箱</a>
                                </div>
                                <div class="chrome-button">
                                    <a href="#">我的消息</a>
                                </div>
                                <div class="button-bottom">
                                    <p> <a href="#small-dialog" class="play-icon popup-with-zoom-anim">退出登录</a></p>
                                </div>
                            </div>
                            <div class="signup">
                                <a href="http://www.baidu.com">
                                    <img src="../resources/images/a.png" height="50" width="50" id="current_user_url2">
                                </a>
                                <form id ="addForm2">
                                    <input type="text" class="email" placeholder="账号名" maxlength="5" title="我的账号" name="account" id="a" readonly="readonly"/>
                                    <%--<input type="text" class="name" placeholder="姓名" maxlength="10" title="Enter your name" name="name" />--%>
                                    <input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="我的邮箱" name="email" id="e"/>
                                    <input type="password" placeholder="密码" required="required" pattern=".{6,}" title="我的密码" autocomplete="off" name ="password" id="p"/>
                                    <input type="password" placeholder="确认密码" required="required" pattern=".{6,}" title="修改密码确认" autocomplete="off" name="checkPassword" id="cp"/>
                                    <input type="text" class="email" placeholder="电话" maxlength="10" pattern="[1-9]{1}\d{9}" title="我的电话" name="phone" id="ph"/>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="optionsRadios" id="0" value="male" > 男
                                        </label>
                                        <label>
                                            <input type="radio" name="optionsRadios" id="1" value="female"> 女
                                        </label>
                                    </div>
                                    <%--<input class= type="submit"  value="注册"/>--%>
                                    <button class="btn btn-primary 	updateUser" type="submit" id="t">修改</button>
                                </form>
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </nav>
    <div class="copyrights">Collect from <a href="http://www.baidu.com/" >视频分享网站</a></div>
    <div class="col-sm-3 col-md-2 sidebar">
        <div class="top-navigation">
            <div class="t-menu">MENU</div>
            <div class="t-img">
                <img src="../resources/images/lines.png" alt="" />
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="drop-navigation drop-navigation">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="/vss" class="home-icon"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li>
                <li><a href="/vss/video/video_show?video_type=news&pageNum=1" class="news-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>News</a></li>
                <li><a href="/vss/video/video_show?video_type=tv_shows&pageNum=1" class="user-icon"><span class="glyphicon glyphicon-home glyphicon-blackboard" aria-hidden="true"></span>TV Shows</a></li>
                <li><a href="/vss/video/video_show?video_type=movies&pageNum=1" class="menu1"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>Movies</a></li>
                <li><a href="/vss/video/video_show?video_type=sports&pageNum=1" class="menu"><span class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>Sports</a></li>
                <li><a href="/vss/video/video_show?video_type=songs&pageNum=1" class="song-icon"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>Songs</a></li>
                <li><a href="/vss/video/video_show?video_type=history&pageNum=1" class="sub-icon"><span class="glyphicon glyphicon-home glyphicon-hourglass" aria-hidden="true"></span>History</a></li>
            </ul>
            <!-- script-for-menu -->
            <script>
                $( ".top-navigation" ).click(function() {
                    $( ".drop-navigation" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
            </script>
            <div class="side-bottom">
                <div class="side-bottom-icons">
                    <ul class="nav2">
                        <li><a href="#" class="facebook"> </a></li>
                        <li><a href="#" class="facebook twitter"> </a></li>
                        <li><a href="#" class="facebook chrome"> </a></li>
                        <li><a href="#" class="facebook dribbble"> </a></li>
                    </ul>
                </div>
                <div class="copyright">
                    <p>Copyright &copy; 2018.scau 15 computer 5! group</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        <div class="main-grids">
            <!-- upload -->
            <div class="upload">
                <!-- container -->
                <div class="container">
                    <div class="upload-grids">
                        <div class="upload-right">
                            <form id="formData" class="formData" onsubmit="return sendFormData()">
                                <div class="formData-div1">
                                    <span>标题&nbsp;</span><a>*</a>
                                </div>
                                <div class="formData-div2">
                                    <input type="text" name="uploadTitle" placeholder="<=28字" maxlength="28" required="required"
                                           onfocus="blueBorder(this)" onblur="setEmpty(this)" onkeydown="showStringLength(this)"
                                           onkeyup="showStringLength(this)"/>
                                    <p id="titleLength">0/28</P>
                                </div>
                                <div class="formData-div3">
                                    <span>视频&nbsp;</span><a>*</a>
                                </div>
                                <div class="formData-div4">
                                    <img id="previewImage" src="../resources/images/uploadImage.png"/>
                                    <input id="uploadImage" type="file" name="uploadImage" accept="image/*" required="required"
                                           onchange="imageChange(this)"/>
                                </div>
                                <div class="formData-div5">
                                    <video id="previewVideo" src=""></video>
                                    <input id="uploadVideo" type="file" name="uploadVideo" accept="video/*" required="required"
                                           onchange="videoChange(this)"/>
                                    <input id="videoTime" type="text" name="videoTime" style="display:none;" />
                                    <input id="userId" type="hidden" name="userId"  value="3"/>
                                </div>
                                <div class="formData-div6">
                                    <span>类型&nbsp;</span><a>*</a>
                                </div>
                                <div class="formData-div7">
                                    <div class="formData-div7-1">
                                        <input type="radio" name="uploadType" value="tv_shows" checked="checked"/><span>tv_shows</span>
                                        <input type="radio" name="uploadType" value="songs" style="margin-left:15px;"/><span>songs</span>
                                        <input type="radio" name="uploadType" value="news" style="margin-left:15px;"/><span>news</span>
                                    </div>
                                    <div>
                                        <input type="radio" name="uploadType" value="sports"/><span>sports</span>
                                        <input type="radio" name="uploadType" style="margin-left:35px;" value="movies"/><span>movies</span>
                                    </div>
                                </div>
                                <div class="formData-div8">
                                    <span>描述&nbsp;</span><a>*</a>
                                </div>
                                <div class="formData-div9">
                                <textarea rows="8" name="uploadDescribe" maxlength="200" required="required"
                                          onblur="setEmpty(this)" placeholder="<=200字" onfocus="blueBorder(this)"
                                          onkeydown="showStringLength(this)" onkeyup="showStringLength(this)"></textarea>
                                    <p id="describeLength">0/200</P>
                                </div>
                                <div class="formData-div10">
                                    <!--button type="button" onclick="sendFormData()">预览</button-->
                                    <input type="submit" value="上传"/>
                                    <a class="btn btn-default" data-target=".bs-example-modal-lg" data-toggle="modal" id="previewButton"
                                       onclick="showIV()">
                                        <button type="button">预览</button>
                                    </a>
                                    <input id="reset" type="reset" value="重置" onclick="resett()"/>
                                    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <video id="IVpreview" src="" controls="true" poster="#"
                                                       preload="metadata"></video>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
                <!-- //container -->
            </div>
        </div>
        <!-- footer -->
        <div class="footer">
            <div class="footer-grids">
                <div class="footer-top">
                    <div class="footer-top-nav">
                        <ul>
                            <li><a href="about.html">About</a></li>
                            <li><a href="press.html">Press</a></li>
                            <li><a href="copyright.html">Copyright</a></li>
                            <li><a href="creators.html">Creators</a></li>
                            <li><a href="#">Advertise</a></li>
                            <li><a href="developers.html">Developers</a></li>
                        </ul>
                    </div>
                    <div class="footer-bottom-nav">
                        <ul>
                            <li><a href="terms.html">Terms</a></li>
                            <li><a href="privacy.html">Privacy</a></li>
                            <li><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Send feedback</a></li>
                            <li><a href="privacy.html">Policy & Safety </a></li>
                            <li><a href="try.html">Try something new!</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-bottom">
                    <ul>
                        <li class="languages">
                            <select class="form-control bfh-countries" data-country="US">
                                <option value="">Select Language</option>
                                <option>Japanese</option>
                                <option>Greek</option>
                                <option>Arabic</option>
                            </select>
                        </li>
                        <li class="languages">
                            <select class="form-control bfh-countries">
                                <option value="">Select Country</option>
                                <option value="CHN">China</option>
                                <option value="HKG">Hong Kong</option>
                            </select>
                        </li>
                        <li class="languages">
                            <select class="form-control bfh-countries" data-country="US">
                                <option value="">Safety Off</option>
                                <option value="">Safety On</option>
                            </select>
                        </li>
                        <li><a href="history.html" class="f-history">History</a></li>
                        <li><a href="#small-dialog5" class="play-icon popup-with-zoom-anim f-history f-help">Help</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- //footer -->
    </div>
    <div class="clearfix"> </div>
    <div class="drop-menu">
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu4">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
            <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
        </ul>
    </div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../resources/js/user.js" type="text/javascript"></script>
    <script src="../resources/js/bootstrap.min.js"></script>
    <script src="../resources/app/js/base.js"></script>
    <%--<script src="../resources/app/js/video_show.js"></script>--%>
    <script src="../resources/js/upload.js"></script>
    <script src="../resources/app/js/search.js"></script>
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->

    <!--视频播放模态框 -->
    <div id="uploadFlash" class="uploadFlash" style="position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.2);display:none;">
        <div class="scene">
            <svg
                    version="1.1"
                    id="dc-spinner"
                    xmlns="http://www.w3.org/2000/svg"
                    x="0px" y="0px"
                    width=
                            "38"
                    height="38"
                    viewBox="0 0 38 38"
                    preserveAspectRatio="xMinYMin meet">
                <text x="12" y="21" font-family="Monaco" font-size="4px" style="letter-spacing:1px" fill="grey">upload
                    <animate
                            attributeName="opacity"
                            values="0;1;0" dur="1.8s"
                            repeatCount="indefinite"/>
                </text>
                <path fill="#373a42" d="M20,35c-8.271,0-15-6.729-15-15S11.729,5,20,5s15,6.729,15,15S28.271,35,20,35z M20,5.203
                C11.841,5.203,5.203,11.841,5.203,20c0,8.159,6.638,14.797,14.797,14.797S34.797,28.159,34.797,20
                C34.797,11.841,28.159,5.203,20,5.203z">
                </path>

                <path fill="#373a42" d="M20,33.125c-7.237,0-13.125-5.888-13.125-13.125S12.763,6.875,20,6.875S33.125,12.763,33.125,20
                S27.237,33.125,20,33.125z M20,7.078C12.875,7.078,7.078,12.875,7.078,20c0,7.125,5.797,12.922,12.922,12.922
                S32.922,27.125,32.922,20C32.922,12.875,27.125,7.078,20,7.078z">
                </path>

                <path fill="#2AA198" stroke="#2AA198" stroke-width="1.0000" stroke-miterlimit="10" d="M5.203,20
                        c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z">
                    <animateTransform
                            attributeName="transform"
                            type="rotate"
                            from="0 20 20"
                            to="360 20 20"
                            calcMode="spline"
                            keySplines="0.4, 0, 0.2, 1"
                            keyTimes="0;1"
                            dur="2s"
                            repeatCount="indefinite"/>
                </path>

                <path fill="#859900" stroke="#859900" stroke-width="0.5000" stroke-miterlimit="10"
                      d="M7.078,20c0-7.125,5.797-12.922,12.922-12.922V6.875C12.763,6.875,6.875,12.763,6.875,20S12.763,33.125,20,33.125v-0.203C12.875,32.922,7.078,27.125,7.078,20z">
                    <animateTransform
                            attributeName="transform"
                            type="rotate"
                            from="0 20 20"
                            to="360 20 20"
                            dur="1.8s"
                            repeatCount="indefinite"/>
                </path>
            </svg>
        </div>
    </div>
</body>
</html>